<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <meta name="referrer" content="no-referrer">
    <link rel="stylesheet" href="../css/list.css">
</head>

<body>
    <!-- 列表页 -->
    <div class="color">
        <div class="top contain">
            <ul class="left">
                <li>帮助中心</li>
                <li>收藏</li>
                <li>360官网</li>
                <li>360智慧生活</li>
            </ul>
            <ul class="right">
                <li><a href="../htnl/login.html">登录</a></li>
                <li><a href="../htnl/register.html">注册</a></li>
                <li class="tupian">
                    <span></span>
                </li>
            </ul>
        </div>
    </div>





    <div class="center">
        <div class="shang contain">
            <ul class="left">
                <li>
                    <a href="../htnl/cart.html">
                        <img src="https://p1.qhimg.com/t0102789b8d00c3dfce.png" alt=""></a>
                </li>
                <li>新品推荐</li>
                <li>热卖榜单</li>
            </ul>
            <div class="right">
                <div class="xia">
                    <span>
                        <i></i>
                        <input class="button" type="text"></span>
                </div>
                <ul>
                    <li>记录仪</li>
                    <li>摄像机</li>
                    <li>路由器</li>
                    <li>耳机</li>
                    <li>扫地机</li>
                    <li>智能手表</li>
                </ul>
            </div>
        </div>
        <div class="xian">
            <span>
                <hr>
            </span>
        </div>
        <div class="search contain">
            <div class="top">
                <p>首页 > </p>
                <i>全部搜索结果 ></i>
                <span> 全部</span>
            </div>
            <div class="container">
            <div class="center1">
                <p>分类：</p>
                <ul class="cate">
                    <li>手机数码</li>
                    <!-- <li>家用电器</li>
                    <li>汽车</li>
                    <li>家居家纺</li>
                    <li>生活服务</li> -->
                </ul>
            </div>
            <div class="center2">
                <p>品牌：</p>
                <ul class="props">
                    <li>360</li>
                    <!-- <li>kido</li> -->
                </ul>
            </div>
            <div class="bottom">
                <p>排序：</p>
                <ul>
                    <li class="sort_item" data-value="">默认</li>
                    <li class="sort_item" data-value="asc">价格升序</li>
                    <li class="sort_item" data-value="desc">价格降序</li>
                </ul>
                <label for="">
                    <input type="checkbox" name="" id=""> 仅看有货商品
                </label>
            </div>
            <!-- <div class="shuliang"> -->
            <!-- <span class="left disable">&lt;</span> -->
            <div class="input">
            <input type="text">
                <button>搜索</button>
            </div>
            <!-- <span class="right">&gt;</span> -->
            <!-- </div> -->
        </div>
        <div class="zhaopian contain">
            <ul class="li">
                <li>
                    <img src="https://p3.ssl.qhmsg.com/dr/180_180_/t0137f6f23e234057d6.webp" alt="">
                    <div class="lan">360 自动出泡洗手机 穹灰蓝</div>
                    <div class="pri">￥ 99</div>
                    <button class="mai">加入购物车</button>
                </li>
            </ul>
        </div>


        <div class="pagination contain">
            <span>上一页</span>
            <ul class="fenye">
                <li>1</li>
                <li>2</li>
                <li>3</li>
            </ul>
            <span>下一页</span>
        </div>
    </div>
    </div>


    <div class="footer contain">
        <div class="shang">
            <div class="left">
                <div class="zuo">
                    <i>关于商城</i>
                    <p>360商娀是奇虎360公司的官方电商平台，主要经营360安全智能设备，以及相关领域消费品。提供最新的360智能设备，最贴心的售后服务，360社区一手评测资讯，享受360安全、安心、放心的购物体验。
                    </p>
                    <span></span>
                    <div class="bottom">
                        <p>关于我们</p>
                        <ul>
                            <li></li>
                            <li></li>
                        </ul>
                    </div>
                </div>
                <div class="zhong">
                    <ul>
                        <li class="cu">售后服务</li>
                        <li>7天无理由退货</li>
                        <li>质量问题15日内换货</li>
                        <li>保修条款</li>
                        <li>服务流程</li>
                        <li>许可协议</li>
                        <li>隐私政策</li>
                    </ul>
                </div>
                <div class="you">
                    <ul>
                        <li class="cu">帮助中心</li>
                        <li>游湖注册</li>
                        <li>会员说明</li>
                        <li>登陆与密码说明</li>
                        <li>购买指南</li>
                        <li>支付方式</li>
                        <li>配送与说明</li>
                    </ul>
                </div>
            </div>
            <span class="shu"></span>
            <div class="right">
                <ul>
                    <li>联系我们</li>
                    <li>400-6822-360</li>
                    <li>周一至周日 9:00-18:00 (仅收市话费)</li>
                </ul>
            </div>
        </div>
        <div class="xia">
            <div class="top">
                <div class="left">
                    <span></span>
                    <p>七天无理由退货</p>
                </div>
                <div class="center">
                    <span></span>
                    <p>15天免费换货</p>
                </div>
                <div class="right">
                    <span></span>
                    <p>满99元包邮</p>
                </div>
            </div>
            <span class="heng"></span>
            <div class="bottom">
                <ul>
                    <li>&copy;2019-2021 mall.360.cn版权所有</li>
                    <li>京ICP备08010314号-6营业执照</li>
                    <li> 公司名称:北京视觉世界科技有限公司|社会统一信用代码:91110105336460203N|食品经营许可证</li>
                    <li>公司地址:北京市朝阳区酒仙桥路6号院2号楼1至17层102号内5层501|联系方式:400-6822-360</li>
                </ul>
            </div>
        </div>
    </div>
    <script src="../utils.js"></script>
    <script src="../js/list.js"></script>
</body>

</html>